<template>
  <div id="" class="activityItem">
    <!-- <span class="activityImg">
      <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1531913728925&di=b96a567b33ba9b1bed20b0ece4ea6676&imgtype=0&src=http%3A%2F%2Fc.hiphotos.baidu.com%2Fimage%2Fpic%2Fitem%2F09fa513d269759eeef490028befb43166d22df3c.jpg" alt="">
      <em>7天前</em>
    </span> -->
    <!-- <div class="activityDiv"> -->
      <div class="activityTit">
        <h3>{{tripItem.describe_}}</h3>
        <span class="start">已开始</span>
      </div>
      <div class="">
        <p style="margin-bottom:6px;">
          <img src="@/assets/activityImage/time_green3.png" alt="" width="15">
          <!-- 开始时间 -->
          {{tripItem.startTime}}
        </p>
        <p>
          <img src="@/assets/activityImage/add_blue3.png" alt="" width="15">
          {{tripItem.agreedAddr}}
        </p>
      </div>
    <!-- </div> -->
  </div>
</template>
<script>
export default {
  name: "",
  props: ['tripItem'],
  data: () => ({

  })
}
</script>
<style lang="scss" scoped>
.activityItem{
  background: white;
  margin-top: 10px;
  padding: 10px;
    @include flex;
    align-items: flex-start;
    flex-direction: column;
    .activityTit{
      width: 100%;
      @include flex;
      justify-content: space-between;
      margin-bottom: 6px;
      h3{
        width: 80%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
      span{
        color: $blueColor;
        &.start{
          color: $redColor;
        }
      }
    }
  // }
}
</style>
